<template>
  <div id="container">
    <div class="hea">11111</div>
    <div class="canvas">
    	<p>2018年四月份动漫大全</p>
    	<div class="c-left">
    		<img src="../../img/Category.png"/>
    	  <img src="../../img/account.png"/>
    	</div>	
    </div>
   <div class="dl">
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   	 <dl>
   	 	  <dt><img src="http://www.dilidili.wang/uploads/allimg/180306/6_1506329461.jpg"/></dt>
   	 	  <dd>进击的巨人</dd>
   	 </dl>
   </div> 
    
    
    
    
    
    
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less">
.px2rem(@name, @px){
    @{name}: @px / 28 * 1rem;
}
#container{
	.hea{
		.px2rem(height, 60);
		color: #fff;
		background: red;
		.px2rem(margin-top,50);
	}
	.canvas{
		display: flex;
		.px2rem(line-height, 100);
		justify-content: space-between;
		p{
		.px2rem(font-size, 25);
		font-weight:bold;
		margin-left: 20px;
		color: #666;
		}
		.c-left{
			img{
			.px2rem(height, 40);
			margin-right: 15px;
		  }
		}
		
	}
	
}

</style>